<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<!--第一题-->
		<div class="web">
			<div class="moive">
				<ul class="ul">
					<!--左侧图片-->
					<li class="li">
						<img class="photo" src="img/01.jpg" />
						<!--右侧的内容-->
						<div class="text">	
							<h1>环太平洋</h1>
							<h2>468人评论过</h2>
							<p class="js">
								<a href="" class="a1"><span class="sp1">#环太平洋#</span><span class="sp1">#环太平洋#</span></a>对影建筑物倒塌、核弹攻击城市、外星入侵<a href=""><span id="a3">[详细]</span></a>
							</p>
							<p>
								<img class="touxiang" src="img/04.jpg" />
								<span id="">
										<a href="" class="a2">欧美电影</a>
								</span>
							</p>
						</div>

					</li>
					<li class="li">
						<img class="photo" src="img/02.jpg" />
						<div class="text">	
							<h1>速度与激情6</h1>
							<h2 style="margin-left: 80px;">783人评论过</h2>
							<p class="js">
							<a href="#" class="a1"><span class="sp1" style="color: #686868;">【杰森.斯坦森确定加盟#速#】斯坦森饰演第六部大反派欧文.肖<a href="#"><span id="a3" style="color: #c3020f;">[详细]</span></a>
							</p>
							<p>
								<img class="touxiang" src="img/04.jpg" />
								<span id="">
										<a href="" class="a2">热映推荐</a>
								</span>
							</p>
						</div>

					</li>
					<li class="li" style="margin-bottom: 12px;">
						<img class="photo" src="img/03.jpg" />
						<div class="text">	
							<h1>青春派</h1>
							<h2 style="margin-left: 125px;">97人评论过</h2>
							<p class="js">
								<a href="#" class="a1"><span class="sp1" style="color: #686868;"> 《青春派》预告片“零差评”逆增长<a href="#"><span id="a3" style="color: #c3020f;">[详细]</span></a>
							</p>
							<p>
								<img class="touxiang" src="img/04.jpg" />
								<span id="">
										<a href="" class="a2">电影预告</a>
								</span>
							</p>
						</div>

					</li>
				</ul>
			</div>
		</div>
		<!--第二题-->
		<div class="second">
			<div class="second_father">
				<div class="second_son" id="d1">
					<h1>采购</h1>
					<ul>
						<li class="sec_li">有创意的想法</li>
						<li class="sec_li">和常满欲望的</li>
						<li class="sec_li">开创未来联合</li>
						<li class="sec_li">聘用人才。</li>
						
					</ul>					
					<img src="img/05.jpg"/ class="sec_img">
				</div>
				<div class="second_son" id="d2">
					<h1>招聘信息</h1>
					<ul>
						<li class="sec_li">基于多年的社区能力的经验，充分发挥聘请人才。</li>
					</ul>					
					<img src="img/06.jpg"/ class="sec_img">
				</div>
				<div class="second_son" id="d3">
					<h1>文员</h1>
					<ul>
						<li class="sec_li">所有营的工作人员总是在一起，可以是个称职的员工</li>
					</ul>					
					<img src="img/07.jpg"/ class="sec_img">
				</div>
				<div class="second_son" id="d4">
					<h1>呼叫中心坐席</h1>
					<ul>
						<li class="sec_li">客户需要伸出援助之手，每当你使用一个代理来</li>
					</ul>					
					<img src="img/08.jpg"/ class="sec_img">
				</div>
			</div>
		</div>
	</body>

</html>